<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>title</title>
	<link rel="stylesheet" type="text/css" href="../../css/api.css" />
</head>
<style type="text/css">
	.headers {
		width: 100%;
		font-size: 16px;
		color: #666;
		padding-top: 20px;
		background: #fff;
		position: relative;
		overflow: hidden;
		display: flex;
	}

	.headers:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		background: #e6e6e6;
		right: 0;
		height: 1px;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	.h_back {
		width: 40px;
		height: 46px;
		/* float: left; */
		text-align: center;
		flex: 1;
		position: absolute;
		left: 0px;
		top: 20px;
	}

	.h_back img {
		width: 24px;
		height: 24px;
		margin-top: 11px;
	}

	.h_title {
		height: 46px;
		line-height: 46px;
		font-size: 18px;
		text-align: center;
		float: left;
		flex: 1;
		width: 100%;
	}

	.headers {
		background: url(../../image/share_bg_header.jpg) repeat-y;
		color: #fff
	}

	.headers:before {
		display: none
	}
</style>

<body>
	<header class="headers" id="header">
		<div onclick="api.closeWin()">
			<div class="h_back"><img src="../../image/back_01.png">
			</div>
		</div>
		<div class="h_title">
			邀请海报
		</div>
	</header>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		var header = $api.byId('header');
		$api.fixIos7Bar(header);
		var header = $api.offset(header);
		api.openFrame({
			name: 'shareposter_body',
			url: 'shareposter.html',
			bounces: false,
			rect: {
				x: 0,
				y: header.h,
				w: 'auto',
				h: 'auto'
			}
		});
	};
</script>

</html>
